<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="ipt">

    <script>
        const oIpt = document.getElementById('ipt')

        function center(e){
            console.log('发送数据');
            console.log(e);
            console.log(this);
        }

        function debounce(fn,time){
            let timer = null;

            return function(e){
                /* 
                clearTimeout(timer)是清除之前的定时器函数,不清除,事件一道之前的定时器里面的函数都会执行
                
                */
                clearTimeout(timer)
                timer = setTimeout(() => {
                    fn.call(this,e)
                }, time);
            }
        }

        oIpt.onkeyup = debounce(center,1000)
    </script>
</body>
</html>